<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" 
	template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>#{lang.ZhuanXiangHuiBao}</title>
		<link rel="stylesheet" href="/resources/plugins/datatables/dataTables.bootstrap.css"/>
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css'
			rel='stylesheet' />
		<style>
label {
	padding: 0px !important;
}

table.dataTable thead>tr>th {
	padding-right: 0px;
}
ul{
	list-style: none;
	padding:0;
}
</style>

	</ui:define>
	<ui:define name="content">
		<div id="contentDiv"  class="row">
			<nav class="navbar navbar-default" style="margin:0px;">
				<form class="navbar-form navbar-left">
					<div class="btn btn-default">
						<i class="fa fa-calendar"></i>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" id="start" /> <input
							class="form-control" type="text" id="end" />
					</div>
					<div class="btn btn-default" onclick="query()">#{lang.ChaXun}</div>
				</form>
			</nav>
			<div class="nav-tabs-custom">
				<div class="tab-content" style="padding-left: 20px;padding-right: 20px;">
					<div style="margin-left:10px;"><small id="tbnum"></small></div>
					<table id="reportTable" style="width: 100%;word-break:break-all;"
						class="table table-gray">
					</table>
				</div>
			</div>
		</div>
		<h:form id="downloadForm">
			<p:remoteCommand name="downloadFile" update="file downloadBtn" oncomplete="download();" 
				actionListener="#{specialReportMapController.fileDownloadView()}">
			</p:remoteCommand>
			<p:outputLabel style="display:none;" id="file" value="#{specialReportMapController.fileExist}"/>
			<p:commandButton ajax="false" id="downloadBtn" style="display:none;">
				<p:fileDownload value="#{specialReportMapController.file}" />
			</p:commandButton>
		</h:form>
		<h:inputHidden id="startTime"
			value="#{request.getParameter('startTime')}"></h:inputHidden>
		<h:inputHidden id="endTime" value="#{request.getParameter('endTime')}"></h:inputHidden>
	</ui:define>
	<ui:define name="contentend">
		<script src="/resources/js/tables/mytable.js"></script>
		<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script>
		localeTitle={
				GongJi:'#{lang.GongJi}',	
				Tiao:'#{lang.Tiao}',
				XuHao:'#{lang.XuHao}',
				ZhuanXiangLeiXing:'#{lang.ZhuanXiangLeiXing}',
				ZhuanXiangNeiRong:'#{lang.ZhuanXiangNeiRong}',
				FuJian:'#{lang.FuJian}',
				RiQi:'#{lang.RiQi}',
				WuFuJian:'#{lang.WuFuJian}'
		}
		 var scrollYHeight = wrapperHeight  - 180;
		 $('#contentDiv').css('height',wrapperHeight);
		</script>
		<script src="dailySpecialReport.js"></script>
		<script>
			$(function() {
				init();
			});
		</script>
	</ui:define>
</ui:composition>



